<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="X-UA-Compatible"
        content="IE=edge"/>

  <title>Camunda Admin</title>

  <meta charset="utf-8"/>
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0"/>

  <meta name="description"
        content="camunda Admin"/>
  <meta name="author"
        content="camunda services GmbH"/>

  <!-- settings the base path for relative links -->
  <base href="<%= htmlWebpackPlugin.options.appBase %>"
        admin-api="<%= htmlWebpackPlugin.options.appRoot %>/api/admin/"
        cockpit-api="<%= htmlWebpackPlugin.options.appRoot %>/api/cockpit/"
        tasklist-api="<%= htmlWebpackPlugin.options.appRoot %>/api/tasklist/"
        welcome-api="<%= htmlWebpackPlugin.options.appRoot %>/api/welcome/"
        engine-api="<%= htmlWebpackPlugin.options.appRoot %>/api/engine/"
        app-root="<%= htmlWebpackPlugin.options.appRoot %>"
        app-name="admin"/>

  <!-- an example of plugin/feature exclusion -->
  <!--
  <base href="$BASE"
        admin-api="$APP_ROOT/api/admin/"
        cockpit-api="$APP_ROOT/api/cockpit/"
        tasklist-api="$APP_ROOT/api/tasklist/"
        welcome-api="$APP_ROOT/api/welcome/"
        engine-api="$APP_ROOT/api/engine/"
        app-root="$APP_ROOT"
        cam-exclude-plugins="admin.dashboard:process-definition-tiles" />
  -->

  <%= htmlWebpackPlugin.tags.headTags %>

  <link rel="stylesheet"
        type="text/css"
        href="<%= htmlWebpackPlugin.options.appRoot %>/app/admin/styles/user-styles.css?bust=<%= htmlWebpackPlugin.options.version %>">
</head>
<body ng-controller="camAdminAppCtrl" ng-class="{'no-breadcrumbs': !$root.showBreadcrumbs}">
<!-- navigation -->
<div cam-widget-header
     authentication="authentication"
     user-name="userFullName"
     current-app="admin"
     ng-cloak>
  <ul cam-if-logged-in
      ng-controller="NavigationController">

    <li ng-class="activeClass('#/user')">
      <a href="#/users">{{ 'USERS_USERS' | translate }}</a>
    </li>

    <li ng-class="activeClass('#/group')">
      <a href="#/groups">{{ 'GROUPS_GROUPS' | translate }}</a>
    </li>

    <li ng-class="activeClass('#/tenant')">
      <a href="#/tenants">{{ 'TENANTS_TENANTS' | translate }}</a>
    </li>

    <li ng-class="activeClass('#/authorization')">
      <a href="#/authorization?resource=0">{{ 'AUTHORIZATION_AUTHORIZATIONS' | translate }}</a>
    </li>
    <li ng-class="activeClass('#/system')">
      <a href="#/system?section=system-settings-general">{{ 'SYSTEM_SYSTEM' | translate }}</a>
    </li>
  </ul>
</div>

<!-- content -->
<div class="ctn-main">
  <div class="ctn-wrapper">
    <div ng-if="showBreadcrumbs"
         cam-breadcrumbs-panel
         divider="&raquo;"
         ng-cloak
         class="breadcrumbs-panel"></div>

    <div notifications-panel
         class="page-notifications"></div>

        <!-- view body provided by ngView -->
        <div ng-view>
          <div class="app-splash"><div>
            <div class="spinner spinner-big"></div>
          </div></div><!-- / .app-splash -->
        </div>
      </div><!-- / .app-splash -->
    </div>
  </div>
</div>

<!-- footer -->
<footer cam-widget-footer
        version="v<%= htmlWebpackPlugin.options.version %>"></footer>

<script type="application/javascript" $CSP_NONCE>
  var adminConf = window.camAdminConf = {};

  window.PLUGIN_DEPENDENCIES = <%= htmlWebpackPlugin.options.pluginDeps %> || [];
  window.PLUGIN_PACKAGES = <%= htmlWebpackPlugin.options.pluginPackages %> || [];

  window.require = {
    waitSeconds: 0
  };
</script>
</body>
</html>
